html{height:100%;}
body{
	font-family: "microsoft Yahei";
    background:#1F8DFC url(../../../resource/images/vido_loding_bg.png) bottom center repeat-x;
    background-size:100% 100%;
    font-size:14px;
    margin: 0px;
    overflow: hidden;
    height:100%;
}

.marginbottom25{
	margin-bottom:25px;
}
.margintop15{
	margin-top:15px;
}

.login-positon{
	/*background:url(../../../resource/images/vido_loding_logo_study.png) top right no-repeat;*/
	background:#fff;
	width:320px;
	height:330px;
	position: absolute;
    left: 50%;
    right: 0;
    top: 55%;
    bottom: 0;
    margin-top: -169px;
    margin-left: -170px;
    padding: 25px 20px;
    /* -webkit-box-shadow: 0 2px 15px #686868;
    -moz-box-shadow:0 2px 15px #686868;
    box-shadow:0 2px 15px #686868; */
    border-radius: 8px;
}
.login-wider form{
	padding-right:0px;
}
.login-wider-position{
	position:relative;
}

.login-wider{
	position:absolute;
	right: 20px;
	top:10px;
	width:280px;
}

.login-wider h1{
	font-weight: normal;
	font-size:23px;
	color:#515151;
	margin:0px;
	padding:0px;
	position: relative;
    top: 5px;
}

.ground-form , .Remember-password{
	display:table;
	width:100%;
}

.ground-form div:first-child{
	width:50px;
}

.ground-form input{
	width:99%;
	font-size:14px;
	font-family: "microsoft Yahei";
}

.ground-form{
	color:#7a7a7a;
	height:40px;
	box-sizing: border-box;
	position: relative;
	background:#fff;
	margin: 20px 0px;
	/* border-radius: 4px; */
	border: 1px #D2D2D2 solid;
}

.ground-form .forget-password{
	color:#26a1ff;
	width:63px;
	text-align:right;
	display:none;
}

.ground-form div ,.Remember-password div{
	display:table-cell;
	vertical-align: middle;
}

.Remember-password div{
	padding-top:0px;
}

.ground-form input[type=text] , .ground-form input[type=password]{
    border: 0px;
    outline:0px;	
}

.Remember-password div:first-child{
	width:25px;
}

.Remember-password div{
	vertical-align: top;
	line-height: 21px;
}

.loginbtn a{
    display:block;
    text-align:center;
    line-height:40px;
    background:#3588FE;
	/* background-image: -moz-linear-gradient(top, #4e9ce8, #2e83d9); Firefox
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4e9ce8), color-stop(1, #2e83d9)); Saf4+, Chrome
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e9ce8', endColorstr='#2e83d9', GradientType='0'); IE */
	border-radius: 6px;
	font-size: 18px;
    height: 40px;
	color: #fff;
	border: 1px solid #3588FE;
	outline:0px;
	cursor: pointer;
}


.Remember-password  .user-registered{
	color:#208ADF;
	display: block;
	margin-top: 5px;
}
.user-registered{
	/* background:url(../../../resource/images/reg_icon.svg) left center no-repeat;
	padding-left: 30px; */
	float:right;
	background-size:24px;
}
.user-registered a{
	color:#208ADF;
	text-decoration: none;
}

.user-registered span{
	color:#FDA140;
	font-size:18px;
	font-weight:bold;
}

.check_select{
	background:url(../../../resource/images/checkbox_select.png) no-repeat;
	display: block;
    width: 21px;
    height: 21px;
}

.check_noselected{
	background:url(../../../resource/images/checkbox_unselected.png) no-repeat;
	display: block;
    width: 21px;
    height: 21px;
}

.hide{
	display:none;
}

.Codes-verification{
	position: absolute;
    right: 0px;
    top: 0px;
}

.Codes-verification img{
	width: 90px;
    height: 40px;
    text-align: center;
}

#shclDefault{
   width:100px; 
   height:100px; 
   margin:10px auto;
   color: rgba(28,119,209,0.7);
   position: absolute;
   top: 50%;
   left: 50%;
   margin-top: -50px;
   margin-left: -50px;
   z-index:9999;
   display: none;
}

#shclDefault.curr{
   display:block;
}

@keyframes flash
{
0%   {background:#fff;}
50%  {background:#f00;}
1000%   {background:#fff;}
}

@-moz-keyframes flash /* Firefox */
{
0%   {background:#fff;}
50%  {background:#f00;}
1000%   {background:#fff;}
}

@-webkit-keyframes flash /* Safari and Chrome */
{
0%   {background:#fff;}
50%  {background:#f00;}
1000%   {background:#fff;}
}

@-o-keyframes flash /* Opera */
{
0%   {background:#fff;}
50%  {background:#f00;}
1000%   {background:#fff;}
}
input:-webkit-autofill{
-webkit-box-shadow : 0 0 0px 1000px #fff inset ;
border : 0px  !important ;
}

#banner_bolang_bg_1{
	width:997px;
	height:85px;
	background: url(../../../resource/images/wave1.png) repeat-x;
	position:absolute;
	top:-71px;
	width:400%;
	left:-236px;
	z-index:999;
	animation:wave1 25s linear .4s infinite normal;
	-moz-animation:wave1 25s linear .4s infinite normal;
	-webkit-animation:wave1 25s linear .4s infinite normal;
	-o-animation:wave1 25s linear .4s infinite normal
	}
#banner_bolang_bg_2{
	width:1009px;
	height:100px;
	background:url(../../../resource/images/wave2.png) repeat-x;
	_background:0 0;
	position:absolute;
	top:-92px;
	width:400%;
	left:0;
	z-index:998;
	animation:wave2 60s linear .4s infinite normal;
	-moz-animation:wave2 60s linear .4s infinite normal;
	-webkit-animation:wave2 60s linear .4s infinite normal;
	-o-animation:wave2 60s linear .4s infinite normal
}
	@-webkit-keyframes wave1{from{left:-236px}to{left:-1233px}}@-moz-keyframes wave1{from{left:-236px}to{left:-1233px}}@-o-keyframes wave1{from{left:-236px}to{left:-1233px}}@keyframes wave1{from{left:-236px}to{left:-1233px}}@-webkit-keyframes wave2{from{left:0}to{left:-1009px}}@-moz-keyframes wave2{from{left:0}to{left:-1009px}}@-o-keyframes wave2{from{left:0}to{left:-1009px}}@keyframes wave2{from{left:0}to{left:-1009px}}
	

.index-slide{
	position: absolute;
    height: 50px;
    bottom: 0px;
    width: 100%;
    background: #fff;
}
.login-positon h1{
	text-align: center;
    margin:0;
    position: relative;
}
.login-positon h1 img{
	position: absolute;
    top: -125px;
    width: 500px;
    left: -80px;
}
.ground-form>div:first-child {
	background-size: 15px;
}
.menboxbg{
	background:url(../../../resource/images/account_number.png) center center no-repeat;
}
.menboxbgHover{
	background:url(../../../resource/images/account_number_hover.png) center center no-repeat;
}
.lockboxbg{
	background:url(../../../resource/images/password_pic.png) center center no-repeat;
}
.lockboxbgHover{
	background:url(../../../resource/images/password_pic_hover.png) center center no-repeat;
}
.Codes{
	background:url(../../../resource/images/codes.png) center center no-repeat;
}
.CodesHover{
	background:url(../../../resource/images/codes_hover.png) center center no-repeat;
}
.ground-form .error{
	position: absolute;
    right: -128px;
    top: 8px;
    min-width: 126px;
    display:none;
    z-index: 1
}
.ground-form .error span:first-child{
	 background: url(../../../resource/images/VWXDU.png) center center no-repeat;
	 height:28px;
	 width: 11px;
     display: block;
     float: left;
}
.ground-form .error .errorTip{
	background: #FFFFCD;
    padding-right: 10px;
    border: 1px solid #CD9932;
    border-left: 0px;
    height: 26px;
    display: block;
    float: left;
    line-height: 26px;
    border-radius: 0px 4px 4px 0px;
    padding-left:5px;
}
.login_tip>img {position:absolute;top:10px;right:10px;}
.login_tip>span{display: inline-block;line-height: 40px;padding-left:190px;padding-right: 10px;}
.login_tip>span>i{font-style:normal;color:#FF0000;}
.login_tip a{width:80px;height:24px;cursor:pointer;border-radius:3px;border:1px solid #B7B7B7;text-decoration: none;padding: 3px 15px;background:#EDEDED;color:#333333;}
.login_tip a:hover{background:#dbedff;}
.login_tip{display:none;height:39px;border-bottom:1px solid #ddd;font:13px/100% arial, "Hiragino Sans GB", "Hiragino Sans GB W3", 宋体;background:#fffeee;position:relative;}